<template>
    <div>
        <el-dialog :visible.sync="loginVisible" :modal="false" title="扫描二维码在小程序中查看" width="320px">
            <img :src="paySrcUrl" style="width:100%;height:100%" alt="">
        </el-dialog>
    </div>
</template>

<script>
export default {
    data(){
        return{
            paySrcUrl:'',
        }
    },
    props:{
        value:{
            type:Boolean,
            default:false
        },
        fid:{
            type:[String,Number],
            default:'',
        }
    },
    computed:{
        loginVisible:{
            get(){
                return this.value
            },
            set(value){
                this.$emit('input',value);
            }
        }
    },
    watch:{
        value:function(n,o){
             const env = require("/env");
            if(n){
                this.paySrcUrl = env[process.env.NODE_ENV] + '/api/gz/getBaogaoWxCode?scene='+this.fid+"&type=2"
            }
        },
    }
}
</script>

<style>

</style>